<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>个人信息</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="../../css/mui.min.css" rel="stylesheet" />
		<link rel="stylesheet" type="text/css" href="../../css/chen_all.css" />
		<style>
			#mylist_bottom{width:200px;text-align:right;overflow:hidden;word-break:keep-all;white-space:nowrap;text-overflow:ellipsis;}
		</style>
	</head>
	<!--
    	作者：757617958@qq.com
    	时间：2019-02-22
    	描述：个人信息页面
  -->

	<body>
		<header class="mui-bar mui-bar-nav">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<h1 class="mui-title">个人信息</h1>
		</header>
		<div class="mui-content">
			<ul class="mui-table-view personal_list" style="margin-top:30px;">
				<li class="mui-table-view-cell" id="head_portrait">
					<div class="mui-navigate-right" style="height: 60px;">
						<span class="personal_name">头像</span>
						<div class="account_img">
							<img id="my_heard" width="60" height="60" src="" />
						</div>
					</div>
				</li>
				<li class="mui-table-view-cell" id="name_nickname">
					<div class="mui-navigate-right">
						<span class="personal_left_name">昵称</span>
						<span class="personal_right_con" id="mylisy_name"></span>
					</div>
				</li>
				<li class="mui-table-view-cell" id="signature_btn">
					<div class="mui-navigate-right">
						<span class="personal_left_name">个性签名</span>
						<span class="personal_right_con" id="mylist_bottom"></span>
					</div>
				</li>
				<li class="mui-table-view-cell">
					<div class="mui-navigate-right">
						<a href="#picture" style="display: block; width: 100%;">
							<span class="personal_left_name">性别</span>
							<span class="personal_right_con" id="gender_btn"></span>
						</a>
					</div>
				</li>
			</ul>
		</div>
		<div id="picture" class="mui-popover mui-popover-action mui-popover-bottom">
			<ul class="mui-table-view">
				<li class="mui-table-view-cell region_text">
					<a href="#picture" class="leaber_num" leaber_num="1" style="color: #333;">男</a>
				</li>
				<li class="mui-table-view-cell region_text ">
					<a href="#picture" class="leaber_num" leaber_num="2" style="color: #333;">女</a>
				</li>
			</ul>
			<ul class="mui-table-view">
				<li class="mui-table-view-cell lines">
					<a href="#picture" style="color: #333;">取消</a>
				</li>
			</ul>
		</div>
		<script src="../../js/mui.min.js"></script>
		<script src="../../js/jquery-1.11.1.min.js"></script>
		<script src="../../js/script/requestError.js"></script><!--公共-->
		<script src="../../js/script/InterfError.js"></script><!--异常函调公共-->
		<script src="../../js/script/InterfSuccess.js"></script><!--成功函调公共-->
		<script src="../../js/script/InterfRequest.js"></script><!--接口公共-->
		<script src="../../js/mui.picker.js"></script>
		<script src="../../js/script/my/personal_information.js"></script><!--单独-->
	</body>

</html>